function drawBoard()
{
    var size = 50;
    var ctx = document.getElementById('board').getContext('2d');
    ctx.beginPath();
    ctx.strokeStyle ='#ffffff'
    for (i = 2; i <10; i++) {
      ctx.moveTo(50,i*50);
      ctx.lineTo(450, i*50);
      //ctx.stroke();
      }
    for (i = 2; i <9; i++) {
      ctx.moveTo(i*50,50);
      ctx.lineTo(i*50, 250);
      //ctx.stroke();
      ctx.moveTo(i*50,300);
      ctx.lineTo(i*50, 500);
      //ctx.stroke();
      }
      ctx.moveTo(50,50);
      ctx.lineTo(50,500);
      ctx.lineTo(450,500);
      ctx.lineTo(450,50);
      ctx.lineTo(50,50);

      ctx.moveTo(200,50);
      ctx.lineTo(300,150);
      ctx.moveTo(300,50);
      ctx.lineTo(200,150);

      ctx.moveTo(200,400);
      ctx.lineTo(300,500);
      ctx.moveTo(300,400);
      ctx.lineTo(200,500);

      ctx.stroke();
      ctx.stroke();
      ctx.stroke();

}

